TS
<template>
    <a-menu v-model:selectedKeys="selectedKeys" mode="inline" theme="dark">
        <template v-for="item in routeList" :key="item.name">
            <template v-if="!item.children">
                <a-menu-item :key="item.name">
                    <template #icon>
                        <PieChartOutlined />
                    </template>
                    <router-link :to="item.path">{{ item.meta?.menuName }}</router-link>
                </a-menu-item>
            </template>
            <template v-else>
                <SubMenu :key="item.name" :menu-info="item" />
            </template>
        </template>
    </a-menu>
</template>
<script lang="ts" setup>
import { defineComponent, ref } from 'vue';
import {
 
    PieChartOutlined,
    
} from '@ant-design/icons-vue';

import SubMenu from './subMenu.vue'

import { useRouteStore } from '@/stores/modules/index';
import { storeToRefs } from 'pinia';

let { routeList } = storeToRefs(useRouteStore());
let selectedKeys = ref<string[]>(['/utools/home']);

</script>
<style>
.content {
    height: calc(100vh-150px);

    overflow-y: scroll;
    background-color: #ffffff;
}
</style>